{% extends "system_setup/base.html" %}
{% load state_display %}

{% block page_link %}
<script src="../../static/system_setup/js/base.js"></script>
<link rel="stylesheet" href="../../static/system_setup/css/style.css">
<script src="../../static/system_setup/js/base.js"></script>

{% endblock %}


{% block style %}
<style>
    .add_class {
        background: #1E90FF;
    }

    tr {
        height: 35px;
    }

    th {
        text-align: center;
    }

    #clsq_table tr:hover {
        background: #cfcfcf;
    }

    #clsy_table tr:hover {
        background: #cfcfcf;
    }

    tbody td {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    td:first-child, th:first-child {
        position: sticky;
        left: 0; /* 首行永远固定在左侧 */
        z-index: 1;
    }

    thead tr th {
        position: sticky;
        top: 0; /* 列首永远固定在头部  */
        background-color: #E8E8E8;
    }

    th:first-child {
        z-index: 2;
    }

    .model_li {
        color: #3f414d;
        width: 25%;
        cursor: pointer;
        display: none;
    }

    .top_tag {
        border-bottom: #01AAED solid 2px;
        color: #01AAED;
    }

    .tab_top {
        width: 100px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        cursor: pointer;
    }
    .tab_top_right {
        float: right;
        width: 300px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        display: inline-block;
    }

</style>
{% endblock %}


{% block right_content %}
<div class="headline">
    <div id="document_addressee_details_tab" class="tab_top">
        {{ obj.name }}
    </div>
</div>

<div class="right-box" style="width: 100%;height: 95%;margin-top: 0;">
    <div style="width: 100%;">
{#        <form>#}
        <div>
            <label style="width: 5%">序号：</label>
            <input id="serial_number" type="text" value="{{ obj.serial_number }}" placeholder="{{ obj.serial_number }}" style="width: 70%;border-radius: 7px;border: #dfdfdf solid 0.5px;padding-left: 1%;" disabled>
        </div>
        <div>
            <label style="width: 5%">名称：</label>
            <input id="name" type="text" value="{{ obj.name }}" placeholder="{{ obj.name }}" style="width: 70%;border-radius: 7px;border: #dfdfdf solid 0.5px;padding-left: 1%;">
        </div>
        <div>
            <label style="width: 5%">科室简称：</label>
            <input id="yuanbanliren" type="text" value="{{ obj.abbreviation }}" placeholder="{{ obj.abbreviation }}" style="width: 70%;border-radius: 7px;border: #dfdfdf solid 0.5px;padding-left: 1%;">
        </div>
            {#            </form>#}
    </div>

</div>



{% endblock %}

{% block script %}
<script>
    window.onload = function () {
        document.getElementById("loading").style.display = "none";
        document.getElementById("SuperSU_ul").style.display = "inline-block";
        document.getElementById("jiantou2").className = "iconfont icon-jiantou-xia";
        document.getElementById("company_admin").className = "add_class";
        document.getElementById("system-management").className = "add-nav-active";
    };

    function do_edit(id) {
        {#alert(id)#}
        document.getElementById("new_models").style.display="table";

    }
    function close_models() {
            document.getElementById("new_models").style.display="none";
        }

</script>
{% endblock %}
